<template>
  <section class="todoapp">
    <todo-header></todo-header>
    <todo-main></todo-main>
    <todo-footer v-show="list.length"></todo-footer>
  </section>
</template>

<script>

import TodoHeader from "./components/TodoHeader";
import TodoMain from "./components/TodoMain";
import TodoFooter from "./components/TodoFooter";
import { mapState } from "vuex";
export default {
  components: {
    TodoHeader,
    TodoMain,
    TodoFooter,
  },
   computed: {
    ...mapState("list", ["list"]),
  },
};
</script>

<style>
</style>